<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
      <style>
          body{
background-color: #ededed
          }  header{ background-color: #ededed; width: 100%;height: 50px;}
            header ul li {background-color: #ededed; height: 50px; line-height: 50px; text-align: left; display: none; color: #323237; position: relative;font-size: 18px;text-indent: 10px;}
            header ul li.active{ display: block; }
            .fl{float: left;}
            .jt img{height: 18px; margin-top: 15px;margin-left: 15px; }
           .fr{float: right;}
              .sz  { padding-left: 10px; padding-right: 20px;color: #5b6a91; margin-top: 0px!important;}
              #footer{height:45px;background-color: #f4f4f4; border-top: 0.8px solid #e5e5e5; text-align: center;line-height: 15px; }
              #footer button{border: none;background-color: #07c160;color: #ffffff;padding: 8px;border-radius:3px; font-size: 12px}


              .flex-con{
                overflow: auto
              }
              .border-b {

                  font-weight: normal;;
              }
.gzhimg{padding-top: 15px; padding-bottom: 15px;}
.sr{ padding-top: 10px; background-color: #f6f6f6}
.input{background: #fff;   height: 38px; border-radius:5px;}
.rightbnt{padding-top: 3px; margin-left: 10px}
      </style>
  </head>
  <body style="background-color: #ededed">
    <div id="wrap" class="flex-wrap flex-vertical">
    <header id="header">
      <div class="fl jt"  tapmode onclick="api.closeWin();" ><img src="../image/gzhjt.png" height="40" ></div>
        <ul style="float: left;">

  <li class="border-b active" id="kw" >百度</li>
        </ul>

        <div class="fr gzhimg"><img src="../image/gzhright.png" height="18" ></div>

    </header>
    <div id="main" class="flex-con" style="background-color: #f6f6f6">

    </div>


            <div class="sr" id="footer">
        <div class="leftbnt fl"><img src="../image/gzhbnt1.png" height="40px" > </div>
        <div class="input fl" id="ip"><input type="txt" id="srk" ></div>

        <div class="rightbnt fl" id="rightbnt"><img src="../image/gzhrightbnt1.png" height="28px" ></div>
          <div class="rightbnt fl" id="rightbnt2"><img src="../image/gzhrightbnt2.png" height="28px" ></div>

            </div>

  </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript">

      apiready = function(){
    $api.fixStatusBar( $api.dom('header') );


      var header = $api.byId('header');


          //适配iOS 7+，Android 4.4+状态栏
          header.style.paddingTop = api.safeArea.top +"px" ;



  $api.html($api.byId('kw'),  localStorage.getItem('title') );


          api.openFrame({
            name: 'ygzgzhFrame',
            url: 'ygzgzhFrame.html',


            rect: {
              x:0,
              y:api.safeArea.top+50,
               w: 'auto',
              h:  api.winHeight- api.safeArea.top- 57-api.safeArea.bottom-45
            }
          });



    };


  </script>
  </html>
